{include file='common/header'}
<link rel="stylesheet" href="/static/index/css/bootstrap-responsive.css" />

<link rel="stylesheet" href="/static/index/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="/static/index/css/bootstrap.css" />
<link rel="stylesheet" href="/static/index/css/bootstrap.min.css" />
<body>
<header>
	<div class="header" style="position: fixed;">
		<div class="body">
			<div class="in">
				<h2 class="logoes-ol">
					<a href="/" class="table">
							<span class="cell">
								<span class="logoes-mark"></span>
								<span class="logoes-txt">简洁响应式网络建站设计工作室类网站织梦模板(自适应手机端)</span>
							</span>
					</a>
				</h2>
				{include file='common/menu'}
			</div>
		</div>
		<!-- .body -->
	</div>
	<!-- .header -->
</header>
<a href="#" class="back-to-top back-to-header pad-hidden"><i class="fa fa-long-arrow-up fa-lg"></i></a>

<div class="header-support pad">
	<div class="in">
		<div class="logoes-ol">
			<a href="/" class="table">
						<span class="cell">
						<span class="logoes-mark"></span>
						<span class="logoes-txt">简洁响应式网络建站设计工作室类网站织梦模板(自适应手机端)</span>
						</span>
			</a>
		</div>
	</div>
</div>

<div class="toggle-ol pad">
	<div class="in">
		<div class="toggle">
			<span class="hr t1"></span>
			<span class="t2">
					<span class="in">
						<span class="hr t2-1"></span>
					<span class="hr t2-2"></span>
					</span>
					</span>
			<span class="hr t3"></span>
		</div>
	</div>
</div>
<!-- .toggle-ol -->

<div id="page-wrapper" class="page-container">

	<div class="load-body" data-namespace="news" data-lang="jp">

		<span class="get-page-info" data-page="news"></span>

		<div class="subpages-header">
			<div class="in">
				<div class="body">
					<div class="table">
						<div class="cell">
							<h1 class="subpages-main-title">CONTACT US</h1>
							<figure class="subpages-support-title">联系我们</figure>
						</div>
					</div>
					<div class="pan-ol">
						<div class="in">
							<div class="pan">
								<ul>
									<li>
										<a href="/">首页</a>
									</li>
									<li>
										<div class="table">
											<div class="cell"><i class="fa fa-angle-right fa-lg"></i></div>
										</div>
									</li>
									<li class="now">
										<a href="#">联系我们</a>
									</li>
								</ul>
							</div>
							<!-- .pan -->
							<div class="scroll">
								<div class="in">
									<i class="fa fa-angle-double-down fa-lg"></i>
									<svg class="mouse" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 39">
										<path class="path path-front" d="M12.49,38.25A11.8,11.8,0,0,1,.74,26.41V12.58A11.8,11.8,0,0,1,12.49.74h0A11.8,11.8,0,0,1,24.24,12.58V26.41A11.8,11.8,0,0,1,12.49,38.25h0" />
										<path class="path path-back" d="M12.49,38.25A11.8,11.8,0,0,1,.74,26.41V12.58A11.8,11.8,0,0,1,12.49.74h0A11.8,11.8,0,0,1,24.24,12.58V26.41A11.8,11.8,0,0,1,12.49,38.25h0" />
									</svg>
								</div>
							</div>
							<!-- .scroll -->
						</div>
					</div>
					<!-- .pan-ol -->
				</div>
				<div class="section-bg cover scroll-obj" data-float='{"slowmo":"20"}' data-src="/static/index/img/contact.png"></div>
				<!-- .section-bg -->
				<div class="subpages-header-bg gr-hr"></div>
			</div>
		</div>

		<div class="contents subpages">

			<aside>
				<div class="contents" style="padding-top: 50px; padding-bottom: 50px;">
					<div class="row">
						<div class="col-lg-6">
							<div class="form-horizontal" >
								<input type="hidden" name="action" value="post" />
								<input type="hidden" name="diyid" value="1" />
								<input type="hidden" name="do" value="2" />
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-2 control-label">姓名</label>
									<div class="col-sm-10">
										<input type="text" name="name" style="width: 80%;" class="form-control" id="inputEmail3" placeholder="请输入您的姓名">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-2 control-label">手机号</label>
									<div class="col-sm-10">
										<input type="text" name="phone" style="width: 80%;" class="form-control" id="inputPassword3" placeholder="请输入您的电话">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword3" class="col-sm-2 control-label">留言</label>
									<div class="col-sm-10">
										<textarea name="content" id="content" class="form-control" style="width: 80%;"  rows="3"></textarea>
									</div>
								</div>
								<input type="hidden" name="dede_fields" value="xingming,text;dianhua,text;liuyan,multitext" />
								<input type="hidden" name="dede_fieldshash" value="56178434003af8c7238f9e01cb5fe263" />
								<div class="form-group">
									<div class="col-sm-offset-2 col-sm-10">
										<button type="submit" class="btn btn-default" id="submit">提交</button>
									</div>
								</div>
							</div>



						</div>
						<div class="col-lg-6">
							<h4>
								{$data.address}
							</h4>
							<br />
							<p>	{$data.email}</p>
							<p>	{$data.phone}</p>
						</div>
					</div>
				</div>
				<!-- .pagging -->
			</aside>



			<section class="select-target" style="margin-top: 37px;">
				<!-- 地图代码开始 -->
				<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
				<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=TH8GrWEs5kQS76N2FeWOXIMs"></script>
				<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
				<!-- 地图代码结束 -->

				<div id="baiduMap" style="height:400px"></div>
				<script>
                    // 百度地图API功能
                    var map = new BMap.Map("baiduMap");
                    var point = new BMap.Point(121.365798,31.390135);
                    var marker = new BMap.Marker(point); // 创建标注
                    map.centerAndZoom(point, 16);
                    map.enableScrollWheelZoom(true);
                    map.addOverlay(marker); // 将标注添加到地图中
                    marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
				</script>

				<!-- .list-table-wrap -->
			</section>

			{include file='common/footer'}

		</div>
		<!-- .contents -->

	</div>
	<!-- .load-body -->
</div>
<!-- #page-wrapper -->



</body>

</html>
<script>
$('#submit').click(function () {
	var name = $('input[name="name"]').val();
	var phone = $('input[name="phone"]').val();
	var content = $('#content').val();
	console.log(content);
	if(name == ''){
	    alert('请输入姓名');
	    return false;
	}
	if(phone == ''){
	    alert('请输入手机号');
        return false;
	}
	if(content == ''){
	    alert('请输入留言');
        return false;
	}
    var pattern = /^1[34578]\d{9}$/;
   	if(!pattern.test(phone)){
        alert('请输入手机号格式错误');
        return false;
	}
    $.post('/index/index/inputConnect',{'name':name,'phone':phone,'content':content},function (obj) {
        if(obj.code==200){
			alert(obj.msg);
			window.location.reload();
        }
        if(obj.code==500){
            alert(obj.msg);
            return false;
        }
    },"JSON");


});



</script>